<link rel="stylesheet" type="text/css" href="../modules/customData/css/customData.css" />
<!--表格插件所需 start-->
<link rel="stylesheet" type="text/css" href="../component/css/metroModels/zm.css" />
<link rel="stylesheet" type="text/css" href="../component/thirdParty/angularDirectives/table/css/_zmTable.css" />
<!--表格插件所需 end-->
<div class="page-content" style="height:100%; overflow-y:auto">
    <div class="flex-grid no-responsive-future" style="height: 100%;">
        <div class="row" style="height: 100%" style="overflow-y:hidden">
            <div class="cell size-x200 listview set-border tree-list" data-role="listview" style="OVERFLOW-Y: auto;">
                <div class="input-control text leftListSearchInput" data-role="input">
                    <input type="text" ng-init="seachContent=''" ng-model="seachContent" placeholder="请输入查找内容">
                    <button class="button" ng-click="refreshClickEvent()"><span class="mif-loop2"></span></button>
                </div>
                <div class="list-group" ng-repeat="item in menuData">
                    <span class="list-group-toggle">{{item.name}}</span>
                    <div class="list-group-content">
                        <div class="list leftList" ng-repeat="subItem in item.models | menuFilter:seachContent" data-id="_{{subItem.id}}" ng-model="subItem">
                            <div class="icon">
                                <img src="../component/img/excel.png" class="list-icon" style="OVERFLOW-Y: auto;">
                            </div>
                            <div class="name" ng-click="leftMenuItemClickEvent(subItem)">
                                <span class="list-title name">{{subItem.name}}--{{subItem.id}}</span>
                                <br>
                                <span class="list-title createTime">{{subItem.createTime}}</span>
                            </div>
                            <div class="fontIcon">
                                <a><span class="mif-cross" ng-click="menuListDeleteIconClickEvent(subItem.id)"></span></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="cell auto-size padding20 bg-white" style="OVERFLOW-Y: auto;" ng-show="detailDivOpen">
                <zutable zu-table="zutable" zu-filterdata="fdata" zu-url="baseurl"></zutable>
            </div>
        </div>
    </div>
</div>
<!-- 过滤器编辑窗口 -->
<div data-role="dialog" id="filterWindow" class="padding20" data-close-button="true" data-overlay="true" data-overlay-color="op-dark" data-overlay-click-close="true" data-width="500px" style="max-height:600px; overflow-y:auto">
    <form>
        <h3 class="text-light">创建过滤器</h3>
        <hr class="thin" />
        <br />
        <br />
        <div class="input-control text full-size" data-role="input">
            <label>过滤器名称</label>
            <input type="text" ng-model="filterObject.name">
            <button class="button helper-button clear"><span class="mif-cross"></span></button>
        </div>
        <br />
        <br />
        <div class="input-control text full-size" data-role="input">
            <label>筛选字段1</label>
            <input type="text" ng-model="filterObject.siftColumn1.name">
            <button class="button helper-button clear"><span class="mif-cross"></span></button>
        </div>
        <br />
        <br />
        <div class="input-control text full-size" data-role="input">
            <label>筛选字段2</label>
            <input type="text" ng-model="filterObject.siftColumn2.name">
            <button class="button helper-button clear"><span class="mif-cross"></span></button>
        </div>
        <br />
        <br />
        <div class="input-control text full-size" data-role="input">
            <label>过滤字段</label>
            <div class="input-control select full-size">
                <!--从这个过滤条件下拉框中应该剔除下面列出的过滤字段,暂时未做-->
                <select ng-model="chooseFilterColumn" ng-init="chooseFilterColumn='-1'">
                    <option ng-selected="true" value="-1">--请选择过滤条件--</option>
                    <!-- <option ng-repeat="head in tableHead | chooseColumnFilter:filterObject.properties" value="{{head}}"> -->
                    <option ng-repeat="head in tableHead" value="{{head}}">
                        <!--如果过滤字段列表中某个字段已经被添加，则在这个下拉框里不显示-->
                        {{head.name}}
                    </option>
                </select>
                <button class="button primary" ng-click="addFilterColumnButtonClickEvent()"><span class="mif-plus"></span></button>
            </div>
        </div>
        <br />
        <br />
        <div class="input-control text full-size" data-role="input" style="height:auto;">
            <div class="grid">
                <div class="row cells6" ng-repeat="item in filterObject.properties">
                    <div class="cell inputHeightDiv" align="center">
                        <a href="" ng-click="deleteFilterColumnButtonClickEvent(item)"><span class="mif-bin"></span></a>
                    </div>
                    <div class="cell inputHeightDiv" ng-repeat="head in tableHead" ng-if="item.fieldId==head['id']">
                        {{head['name']}}
                    </div>
                    <div class="cell colspan2">
                        <input type="text" ng-model="item.val1">
                    </div>
                    <div class="cell colspan2">
                        <input type="text" ng-model="item.val2">
                    </div>
                </div>
            </div>
        </div>
        <hr class="thin" />
        <div class="form-actions">
            <button class="button primary" ng-click="operateFilterWindowSaveButtonClickEvent()">保存</button>
            <button class="button" ng-click="operateFilterWindowCloseButtonClickEvent()">关闭</button>
        </div>
    </form>
</div>
